<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js中英互译</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<header>

    <h1>翻译</h1>
    <h2>中英互译</h2>

</header>

<section>
    <div class="a">
        <div class="hui clearfix">
                <button class="btn active">中文</button>
                <button class="btn">英文</button>
                <button class="button" onclick="switchLan()"><img src="img/section1.png" alt=""></button>
                <button class="btn active">英文</button>
                <button class="btn">中文</button>
        </div>
        <div class="b clearfix">
            <div class="a1">
                <textarea name="" id="one" class="q" placeholder="输入内容"></textarea>
            </div>
            <div class="a2">
                <textarea name="" id="two" class="q1" placeholder="翻译" readonly="readonly"></textarea>
            </div>
        </div>
        <div class="c">
            <button onclick="zhToEn()">翻译</button>
        </div>
    </div>

</section>



<script src="js/script.js"></script>
</body>
</html>